/* ***** classes for colorize and fonts ***** */

.section {
	background: #fff;
	color: #000;
	border: 1px solid #ddd;
}

.title {
	background: #aaa;
	color: #000;
	font-size: 1.5em;
}

/* ***** classes for scale and position ***** */

.item {
	float: left;
	margin-bottom: 20px;
	padding: 5px 10px;
}

/* masonry width: 200px */
/* masonry gutter: 20px */

.col1 {
	width: 326px;
}
.col1 img {
	width: 320px;
	height: 320px;
}

.col2 {
	width: 692px;
}
.col2 img {
	width: 690px;
	height: 690px;
}

.col3 {
	width: 1080px;
}
.col3 img {
	width: 1080px;
	height: 1080px;
}

/* ***** Transitions ***** */

.masonry,
.masonry .masonry-brick {
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}

.masonry {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.masonry .masonry-brick {
	-webkit-transition-property: left, right, top;
	-moz-transition-property: left, right, top;
	-ms-transition-property: left, right, top;
	-o-transition-property: left, right, top;
	transition-property: left, right, top;
}
